import React,{Component} from "react";

export default class WebProductRace extends Component {
    render() {
        return (
            <div>
                <div className="banner-ds">
                    <div className="banner-subTit">
                        <h1>数字化创新大赛</h1>
                        <p>云集行业专家，以赛促效，驱动业务创新变革</p>
                        <a href="/">获取定制方案</a>
                    </div>
                </div>
                <div class="dsBox">
                <div className="subTit">
                        <ul className="clearfix">
                            <li><a className="on" href="/">产品概述</a></li>
                            <li><a href="/">产品特点</a></li>
                            <li><a href="/">培训方式</a></li>
                            <li><a href="/">大赛主题</a></li>
                            <li><a href="/">成功案例</a></li>
                        </ul>
                    </div>
                    <div className="ds-overview shadow">
                        <div className="ds-ov-wrap">
                        <h1>产品概述</h1>
                        <p className="subH">创新大赛是通过以赛带“学、练、创、产”形式，激发学习者自下而上输出好产品的开放型创新培训方式，它能帮助企业与员工：</p>
                        <div className="ds-ov-img"><img alt="1" src="img/img_02/ds_02.png"/></div>
                        <ul className="ds-ovC">
                            <li className="ds-ovC01">
                                <p>降本增效</p>
                                <span>为业务提供创新解决方案和众包创<br/>意助力企业内部萃取成功经验</span>
                            </li>
                            <li className="ds-ovC02">
                                <p>人才培养</p>
                                <span>发掘选拔培养高潜员工，提高人才水平与效能<br />
                建立数字化人才梯队</span>
                            </li>
                            <li className="ds-ovC03">
                                <p>组织融合</p>
                                <span>打通业务与技术壁垒，培养全功能团队<br />
                促进企业协作和实训文化培育</span>
                            </li>
                            <li className="ds-ovC04">
                                <p>能力提升</p>
                                <span>为个人提供更广阔的的实践<br />
                提升产品创意设计和开发水平</span>
                            </li>
                            <li className="ds-ovC05">
                                <p>协同共赢</p>
                                <span>促进跨部门同事多维度的交流、学习<br />
                形成高效闭环，多方共赢</span>
                            </li>
                            <li className="ds-ovC06">
                                <p>成果落地</p>
                                <span>以大赛促进成果转化<br />
                支持评估通过的优秀项目成果落地孵化</span>
                            </li>
                        </ul>
                        </div>
                    </div>
                    <div className="feature bg-grey">
                        <h1>产品特点</h1>
                        <p className="subH">大赛通过赛训结合、以赛促效的模式，帮助发掘并培养数字化创新应用人才，助力数字化转型，形成“员工自身成长、公司业务增长、实训文化生长”的良性循环。</p>
                        <ul className="f-wrap">
                            <li>
                                <h3 className="blue">场景驱动</h3>
                                <span className="hr"></span>
                                <p>以场景驱动，新技术的落地应用融入实际工作场景</p>
                                <img alt="1" src="img/img_02/ds_07.png"/>
                                <b></b>
                            </li>
                            <li>
                                <h3>精益创新</h3>
                                <span></span>
                                <p>用“小步快跑”的方式实现成果应用，快速推动业务创新</p>
                                <img alt="1" src="img/img_02/ds_06.png"/>
                            </li>
                            <li>
                                <h3>高效组织</h3>
                                <span></span>
                                <p>促进业务与技术等跨界组合，合作探索解决方案</p>
                                <img alt="1" src="img/img_02/ds_05.png"/>
                            </li>
                        </ul>
                    </div>

                    <div class="ds-train">
                        <h1>培训方式</h1>
                        <div class="ds-train-box">
                            <h2>赛训并行 以赛促成果</h2>
                            <p>培训：让员工成长、输入“专业性”知识；大赛：让企业成长、输出“价值性”项目</p>
                            <img alt="1" src="img/img_02/ds_03.png" />
                        </div>
                        <div class="ds-train-box">
                            <h2>赛事组织 以赛促创新</h2>
                            <p>黑客松（hackathon）又称“编程马拉松”，即强调在“短时间、高强度、重实操”地完成某项任务<br />
                基于黑客松，引导学员将最终的学习成果闭环到企业实际工作场景中，深刻践行从场景中来到场景中去</p>
                            <img alt="1" src="img/img_02/ds_04.png" />
                        </div>		
                    </div>

                    <div class="ds-type">
                        <h1>大赛类型</h1>
                        <div class="ds-type-box clearfix">
                            <ul>
                                <li>AI技术类创新应用大赛</li>
                                <li class="on">数据类创新应用大赛</li>
                                <li>DevOps黑客马拉松</li>
                                <li>其他技术类创新大赛</li>
                            </ul>
                            <div className="ds-typeP" style={{display: 'none'}}>
                                <img alt="1" src="img/img_02/ds_10.png"/>
                            </div>
                            <div className="ds-typeP">
                                <img alt="1" src="img/img_02/ds_11.png"/>
                            </div>
                            <div className="ds-typeP" style={{display: 'none'}}>
                                <img alt="1" src="img/img_02/ds_08.png"/>
                            </div>
                            <div className="ds-typeP" style={{display: 'none'}}>
                                <img alt="1" src="img/img_02/ds_09.png"/>
                            </div>
                        </div>
                    </div>

                    <div class="ds-case clearfix">
                        <h1>成功案例</h1>
                        
                        <div class="caseBox">
                            <div class="lf"><img alt="1" src="img/img_02/lf.png"/></div>
                            <div class="rt"><img alt="1" src="img/img_02/rt.png"/></div>
                            <div class="circle"></div>
                            <div class="box">
                                <div class="case-pic">
                                    <img alt="1" src="img/img_02/ds_12.png"/>
                                </div>
                                <div class="caseWrap">
                                    <h2>大恒科技人工智能竞赛</h2>
                                    <span>行业标签：工业</span>
                                    <b></b>
                                    <p>岗位标签：技术岗（算法工程师、开发工程师、经理人群）
                技能标签：机器视觉、工业缺陷检测
                                    </p>
                                </div>
                            </div>
                            <div class="box">
                                <div class="case-pic">
                                    <img alt="1" src="img/img_02/ds_13.png"/>
                                </div>
                                <div class="caseWrap">
                                    <h2>大恒科技人工智能竞赛</h2>
                                    <span>行业标签：工业</span>
                                    <b></b>
                                    <p>岗位标签：技术岗（算法工程师、开发工程师、经理人群）
                技能标签：机器视觉、工业缺陷检测
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        )
    }
}